<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>缴费记录--历史记录</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="./css/comm.css" />
    <link rel="stylesheet" type="text/css" href="./css/chargeroomfee.css" />
    <style>
        .aui_listbox {
            margin-top: 0px;
        }

        .listbor {
            background-size: 100% 0px;
        }

        .aui_list {
            padding: 10px 14px 15px 14px;
        }

        .summary-list .aui-list-item-label {
            width: 55%;
        }

        .under_pay_list_erweima_txt {
            width: 6rem;
            margin: 0.5rem auto 0rem auto;
            height: 1.5rem;
            line-height: 1.5rem;
            border: 1px solid #01ABF1;
            border-radius: 10px;
            text-align: center;
            color: #01ABF1;
        }
    </style>
</head>

<body>
    <!-- v-cloak -->
    <div id="app" v-cloak>
        <div class="aui-content contentBox">
            <!-- table2 -->
            <div v-if="list.length>0" class="aui_listbox">
                <div class="aui_list bgshadow" v-for="item in list">
                    <div class="ul-title borderline" v-on:click="show_morehistory(item)">
                        <div class="ul-title-name">
                            {{item.PaymentMethod}}
                            <span class="paytype">
                                {{item.PayType==1?'线上支付':'线下支付'}}
                            </span>
                            <label v-if="item.ShowMore" class="aui-list-item-right fr arrow">
                                <img src="../image/arrow_t.png">
                            </label>
                            <label v-if="!item.ShowMore" class="aui-list-item-right fr arrow">
                                <img src="../image/arrow_b.png">
                            </label>
                        </div>
                        <div style="color:#999; padding-bottom:3px;">
                            {{item.StartTime}}
                            <label class="aui-list-item-right fr" style="color:red;">
                                ￥{{item.TotalCost.toFixed(2)}}
                            </label>
                        </div>
                    </div>
                    <ul class="aui-list aui-form-list summary-list history-list  listbor" v-if="item.ShowMore"
                        v-for="item2 in item.historylist">
                        <li class="fycj_box_more" class="aui-list-item">
                            <div class="aui-list-item-inner" style="border-top:0px; padding-top:10px;">
                                <div style="text-align:left;" class="aui-list-item-label txtcenter aui-ellipsis-2">
                                    <p>{{item2.ChargeName}}</p>
                                </div>
                                <div style="padding-right: 0.3rem;text-align: right;width:38%;"
                                    class="aui-list-item-input txtcenter">
                                    ￥{{item2.TotalFee.toFixed(2)}}
                                </div>
                            </div>
                        </li>
                        <li v-if="item2.StartTime" class="fycj_box_more" class="aui-list-item">
                            <div class="aui-list-item-inner" style="border-top:0px;">
                                <div style="text-align:left;padding-bottom:10px; width:60%;"
                                    class="aui-list-item-label">
                                    <p>{{item2.StartTime}} 至 {{item2.EndTime}}</p>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <div v-on:click="do_print(item)" style="color:#999; padding-bottom:3px;">
                        <div class="under_pay_list_erweima_txt">打印收据</div>
                    </div>
                </div>
            </div>
            <div class="noinfo" id="noorder" id="noorder" v-if="list.length<=0">
                <img src="../image/index/noinfomsg_icon.png" alt="" />
                <h5><br />暂无相关缴费记录</h5>
            </div>
            <!-- table2 -->
        </div>
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/vue.js"></script>
<script type="text/javascript" src="js/chargeroomfeehistory.js"></script>

</html>